<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Danh sách bài viết</title>
<link rel="stylesheet" href="../skins/sa/resources/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../skins/sa/resources/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../skins/sa/resources/css/invalid.css" type="text/css" media="screen" />	
<script type="text/javascript" src="../skins/sa/resources/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../skins/sa/resources/scripts/simpla.jquery.configuration.js"></script>
<script type="text/javascript" src="../skins/sa/resources/scripts/facebox.js"></script>

</head>
	<body><div id="body-wrapper"> <!-- Wrapper for the radial gradient background -->
		
		<?php include '../widgets/sidebar.php'?> <!-- End #sidebar -->
		
		<div id="main-content"> <!-- Main Content Section with everything -->
			
			<?php include '../widgets/noscript.php'?>
			
			
			<div class="clear"></div> <!-- End .clear -->
			
			<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>Bài viết</h3>
					
					<ul class="content-box-tabs">
						<li><a class="default-tab">Danh sách</a></li> <!-- href must be unique and match the id of target div -->
						<li><a href="add.php">Thêm</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					
					<div class="tab-content default-tab" id="tab1"> <!-- This is the target div. id must match the href of this div's tab -->
						
						<table>
							
							<thead>
								<tr>
								   <th><input class="check-all" type="checkbox" /></th>
								   <th>Mã</th>								   
								   <th>Tiêu đề</th>
								   <th>Nội dung tóm tắt</th>
                                   <th>Ngày tạo</th>
                                   <th>Số lần xem</th>
                                   <th>Trạng thái</th>
                                   <th>Hình</th>
                                   <th>Thao tác</th>
								</tr>
								
							</thead>
						 
							
						 
							<tbody>
								<tr>
									<td><input type="checkbox" /></td>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
                                    <td>				</td>
                                    <td>				</td>
                                    <td>				</td>
                                    <td>
                                    <!-- Icons -->
										 <a href="#" title="Edit"><img src="../skins/sa/resources/images/icons/pencil.png" alt="Edit" /></a>
										 <a href="#" title="Delete"><img src="../skins/sa/resources/images/icons/cross.png" alt="Delete" /></a> 
										 <a href="#" title="Edit Meta"><img src="../skins/sa/resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a>
                                    </td>
								</tr>
								
                                <tr>
									<td><input type="checkbox" /></td>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
                                    <td>				</td>
                                    <td>				</td>
                                    <td>				</td>
                                    <td>
                                    <!-- Icons -->
										 <a href="#" title="Edit"><img src="../skins/sa/resources/images/icons/pencil.png" alt="Edit" /></a>
										 <a href="#" title="Delete"><img src="../skins/sa/resources/images/icons/cross.png" alt="Delete" /></a> 
										 <a href="#" title="Edit Meta"><img src="../skins/sa/resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a>
                                    </td>
								</tr>
							</tbody>
                            <tfoot>
								<tr>
									<td colspan="12">
										<div class="bulk-actions align-left">
											<select name="dropdown">
												<option value="option1">Chọn thao tác...</option>
												<option value="option2">Sửa</option>
												<option value="option3">Xóa</option>
											</select>
											<a class="button" href="#">Áp dụng cho phần đã chọn</a>
										</div>
										
										<div class="pagination">
											<a href="#" title="First Page">&laquo; First</a><a href="#" title="Previous Page">&laquo; Previous</a>
											<a href="#" class="number" title="1">1</a>
											<a href="#" class="number" title="2">2</a>
											<a href="#" class="number current" title="3">3</a>
											<a href="#" class="number" title="4">4</a>
											<a href="#" title="Next Page">Next &raquo;</a><a href="#" title="Last Page">Last &raquo;</a>
										</div> <!-- End .pagination -->
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
							
						</table>
						
					</div> <!-- End #tab1 -->     
					
				</div> <!-- End .content-box-content -->
				
			</div> <!-- End .content-box -->
						
			
			<?php include '../widgets/footer.php'?><!-- End #footer -->
			
		</div> <!-- End #main-content -->
	</div></body>
</html>
